<ion-header>
  <ion-navbar>
    <ion-title>首页</ion-title>
    <ion-buttons end >
      <button *ngIf="!user.isLogin" style="color: #666;font-size: 16px;background: none" (click)="loginAction()">登录</button>
      <!--<span *ngIf="user.isLogin" style="color: #666;font-size: 16px;">￥{{user.cash}}元</span>-->
    </ion-buttons>
  </ion-navbar>
</ion-header>

<ion-content>


  <ion-slides pager="true" loop="true" autoplay=5000 class="banners">
    <ion-slide *ngFor="let item of banners">
      <img src="{{item}}">
    </ion-slide>
  </ion-slides>

  <div class="broadcast" *ngIf="showBroadcast">
    <img src="./assets/imgs/guangbo.png">
    <ion-slides loop="true" autoplay=2000 direction="vertical">
      <ion-slide *ngFor="let item of broadcast">
        <p>{{item.Title}}</p>
      </ion-slide>
    </ion-slides>
  </div>

  <div class="card_header">
    <p>热门平台</p>
    <p class="more" (click)="moreAction(1)">更多></p>
  </div>
  <div class="hot_p">

    <div class="items">
      <div class="item" *ngFor="let item of platforms;let i=index;" (click)="playGameAction1(i)">
        <img src="{{item.icon}}">
        <p>{{item.name}}</p>
      </div>
    </div>
  </div>
  <div *ngIf="showHotGames">
    <div class="card_header">
      <p>热门游戏</p>
      <p class="more" (click)="moreAction(2)">更多></p>
    </div>
    <div class="hot_p">
      <div class="items">
        <div class="item" *ngFor="let item of games;let i = index;" (click)="playGameAction(i)">
          <img src="{{item.ImageUrl}}">
          <p>{{item.Title}}</p>
        </div>
      </div>
    </div>
  </div>

  <div class="activity">
    <div class="images">
      <img src="./assets/activity/left-active.png">
    </div>
  </div>
  <!--<div class="backdrop-div"  (click)="backdropclick($event)" ontouchmove="event.preventDefault();event.stopPropagation();">-->
    <!--<div>-->
      <!--123123-->
    <!--</div>-->
    <!--<ion-backdrop class="drop" role="presentation" tappable style="opacity: 0.5; transition-delay: initial; transition-property: none;">-->
    <!--</ion-backdrop>-->
  <!--</div>-->
</ion-content>
